 /* 整体设置 */
 body {
    /* 设置body的外边距为0 */
    margin: 0;
}
/* 设置左侧内容 */
.aside {
    position: fixed;
    float: left;
    background-color: #5f6d7e;
    height: 100%;
    width: 23%;
}
/* 设置图片位置 */
.avator {
    text-align: center;
    margin-top: 40px;
}
/* 图片设置圆形 */
.avator img {
    height:140px;
    border-radius:50%;
    border: 4px solid #fff;
}
/* 设置名字 */
.avator p {
    color: #fff;
}
/* 列表去掉style  list-style:none */
/* 设置列表 */
.nav ul {
    /* margin-left:0px; */
    list-style: none;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    color:#fff ;
} 

.nav li:hover{
   background-color: #5b6878;
    
}
.nav li{
    

    padding-top: 15px ;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px; 
} 
/* 设置a标签的颜色 */
.nav a {
    color: #fff;
    text-decoration: none;
}
/* 设置链接 */
.links {
    padding-left: 40px;
    
    
}
.links  a{
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    
}



/* 设置右侧内容 */
.content{
    float: right;
    width: 77%;
}
/* 设置右上部分 */
.content-top{
    padding-top: 260px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 260px;
    color: #fff;
    background-image: url(../image/背景7.jpeg);
    background-size: cover;
    
}
/* 主要内容的整体样式 */
.container{
    padding-top: 80px;
    padding-left: 80px;
    padding-right: 80px;
}
.container h2{
    color: #555;
}
.container p{
    color: #777;
}
.container hr{
    margin-top: 40px;
    margin-bottom: 80px;
    border: 0;
    height: 4px;
    background-color: rgb(202, 160, 160);
}



/* 关于我 */
.about img{
    width: 100%;
}
/* 这是我的作品 */
.works img{
    width: 32%;
}
/* 联系我 */
.contact input{
    margin-bottom: 10px;
    width: 60%;
    padding:10px;
    border: 1px solid #ccc;
}
.contact textarea{
    width: 60%;
    height: 200px;
    padding: 10px;
    border: 1px solid #ccc;
}
.contact button{
    box-sizing: content-box;
    width: 60%;
    padding: 10px;
    border: 0;
    background-color: #5f6d7e;
    color: #fff;
}
/* 页脚 */
.footer {
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-bottom: 20px;
}